$(function () {


    var ul = $('.ul');
    function getData() {
        // 调用ajax方法 传入参数 进行配置
        $.ajax({
            // 接口地址
            url: 'http://localhost:3000/useing/public',
            // 请求的方式 get post  delete put。。。
            // type: 'get',
            // 成功的回调函数


            success(data) {
                console.log(data);
                var content = '';
                $.each(data, function (i, goods) {
                    // 拼接字符串 准备好内容
                    // for(var i =0 ; i<1;i++) {
                    content += '<li><div>首发</div><img class="img" src="' + goods.img + '" alt="">' + '<p class="ys1">' + goods.text + '</p>' + '<span>' + 2032 + '</span>' + '<span>' + '20台' + '</span><p class="ys2">' + '<l class="l">1392</l>申请' + '</p></li>'
                    // }
                })
                // 通过html方法 将内容加到指定元素中
                ul.html(content)
            },
        })
    }

    getData()


    var titlt = $('.sy');
    $.each(titlt, function (index, i) {
        // JQ 点击事件函数
        $(i).click(function () {
            //寻找同时带有 sy 和 title 的样式并移除 title 样式
            $('.sy.title').removeClass('title');
            // this 为当前点击的样式添加 title 样式 
            $(this).addClass('title')
        })
    })


})